<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>积分商城</title>
    <link rel="stylesheet" type="text/css" href="../../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../../css/common.css">
    <link rel="stylesheet" type="text/css" href="../../css/swiper.css">
    <link rel="stylesheet" type="text/css" href="../../css/member.css">
    <script src="../../js/jquery.js"></script>
    <script src="../../bootstrap/js/bootstrap.min.js"></script>
    <script src="../../js/common.js"></script>
</head>

<body class="by-gray">
    <!--header begin-->
    <header class="header-bar">
        <a class="header-left" href="javascript:void(0);" onclick="window.history.go(-1)"><i class="tool-font font-arrow-left"></i></a>
        <span class="title">我的积分</span>
        <a class="header-right" href="/views/product/product-list.html"><span class="text-btn">积分兑换</span></a>
    </header>
    <!--header end-->
    <div class="mb45"></div>

    <!--pg-my-integral begin-->
    <section class="pg-my-integral">
        <!--member-row begin-->
        <div class="member-row claer">
            <div class="member-head"><img src="../../images/del/test-head.jpg" /></div>
            <div class="member-msg">
                <div class="member-name">奔跑的蚂蚁</div>
                <p class="follow-time">关注时间：2017-02-15</p>
            </div>
        </div>
        <!--member-row end-->

        <!--count-bar begin-->
        <div class="count-bar mb10 clear">
            <div class="count-item item-2">
                <b class="count-num">200</b>
                <p class="count-name">积分</p>
            </div>
            <div class="count-item item-2">
                <b class="count-num">288</b>
                <p class="count-name">粉丝</p>
            </div>
        </div>
        <!--count-bar end-->

        <!--nav-tabs begin-->
        <ul class="nav nav-tabs">
            <li class="active"><a href="#integral-detail" data-toggle="tab">积分明细</a></li>
            <li><a href="#team-rank" data-toggle="tab">团队排行</a></li>
        </ul>
        <!--nav-tabs end-->

        <!--integral-main begin-->
        <div class="tab-content integral-main">
            <!--integral-detail begin-->
            <div class="tab-pane active" id="integral-detail">
                <!--01 integral-box begin-->
                <div class="integral-box">
                    <!--month-title begin-->
                    <div class="month-title">
                        <span class="month-time">本月</span>
                        <span class="month-count float-r">剩余积分：200</span>
                    </div>
                    <!--month-title end-->
                    <!--integral-list begin-->
                    <ul class="integral-list">
                        <li>
                            <div class="reason">首次关注</div>
                            <p class="integral-time">2017-01-20 18:28:59</p>
                            <span class="num color-blue">+20</span>
                        </li>
                        <li>
                            <div class="reason">成功获取用户</div>
                            <p class="integral-time">2017-01-20 18:28:59</p>
                            <span class="num color-blue">+5</span>
                        </li>
                    </ul>
                    <!--integral-list end-->
                </div>
                <!--01 integral-box end-->

                <!--02 integral-box begin-->
                <div class="integral-box">
                    <!--month-title begin-->
                    <div class="month-title">
                        <span class="month-time">12月</span>
                        <span class="month-count float-r">剩余积分：200</span>
                    </div>
                    <!--month-title end-->
                    <!--integral-list begin-->
                    <ul class="integral-list">
                        <li>
                            <div class="reason">成功获取用户</div>
                            <p class="integral-time">2017-01-20 18:28:59</p>
                            <span class="num color-blue">+5</span>
                        </li>
                    </ul>
                    <!--integral-list end-->
                </div>
                <!--02 integral-box end-->
            </div>
            <!--integral-detail end-->

            <!--team-rank begin-->
            <div class="tab-pane" id="team-rank">
                <!--rank-list begin-->
                <ul class="rank-list">
                    <!--01 begin-->
                    <li>
                        <div class="person-row claer">
                            <div class="person-head"><img src="../../images/del/test-head.jpg" /></div>
                            <div class="person-msg">
                                <div class="person-name">奔跑的蚂蚁</div>
                                <p class="rank-num">名次:<em>8</em></p>
                            </div>
                        </div>
                        <span class="person-integral">20</span>
                    </li>
                    <!--01 end-->
                    <!--02 begin-->
                    <li>
                        <div class="person-row claer">
                            <div class="person-head"><img src="../../images/del/test-head.jpg" /></div>
                            <div class="person-msg">
                                <div class="person-name">奔跑的蚂蚁</div>
                                <p class="rank-num">名次:<em>1</em></p>
                            </div>
                        </div>
                        <span class="person-integral">1220</span>
                    </li>
                    <!--02 end-->
                    <!--03 begin-->
                    <li>
                        <div class="person-row claer">
                            <div class="person-head"><img src="../../images/del/test-head.jpg" /></div>
                            <div class="person-msg">
                                <div class="person-name">奔跑的蚂蚁</div>
                                <p class="rank-num">名次:<em>2</em></p>
                            </div>
                        </div>
                        <span class="person-integral">1200</span>
                    </li>
                    <!--03 end-->
                    <!--04 begin-->
                    <li>
                        <div class="person-row claer">
                            <div class="person-head"><img src="../../images/del/test-head.jpg" /></div>
                            <div class="person-msg">
                                <div class="person-name">奔跑的蚂蚁</div>
                                <p class="rank-num">名次:<em>3</em></p>
                            </div>
                        </div>
                        <span class="person-integral">1000</span>
                    </li>
                    <!--04 end-->
                    <!--05 begin-->
                    <li>
                        <div class="person-row claer">
                            <div class="person-head"><img src="../../images/del/test-head.jpg" /></div>
                            <div class="person-msg">
                                <div class="person-name">奔跑的蚂蚁</div>
                                <p class="rank-num">名次:<em>4</em></p>
                            </div>
                        </div>
                        <span class="person-integral">880</span>
                    </li>
                    <!--05 end-->
                </ul>
                <!--rank-list end-->
            </div>
            <!--team-rank end-->
        </div>
        <!--integral-main end-->
    </section>
    <!--pg-my-integral end-->
</body>

</html>